<!DOCTYPE HTML>
<html>
<head>
    {include file="common:meta"}
</head>
<body>
<div class="page-container">
    <div class="ibox-content" id="toolbar">
        <form action="" class="form-inline" id="form" data-url="">
            <div class="form-group">
                <label class="control-label" for="key">请选择:</label>
                <select id="key" class="form-control" name="key">
                    <option value="user_id">会长ID</option>
                    <option value="name">工会名称</option>
                </select>
            </div>

            <div class="form-group">
                <input class="form-control" id="keyWords" type="text" name="value">
            </div>
            <button type="button" class="btn btn-primary" id="eventQuery">查询</button>
            <button type="button" onclick="location.replace(location.href);" class="btn btn-success ">刷新</button>
        </form>
        <!--<div class="export-btn">-->
            <!--<button class="btn btn-w-m btn-warning" id="room-flowing-rank">工会流水排行</button>-->
        <!--</div>-->
    </div>
    <div class=" float-e-margins">
        <div class="ibox-content">
            <div class="tabs-container">
                <div class="tab-content">
                    <div class=" tab-pane active" id="tab-1">
                        <table id="tb_departments"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{include file="common:footer"}
<script>
    $(document).ready(function () {
        initTable();
    });

    function initTable() {
        $('#tb_departments').bootstrapTable({
            url: '/UnionIndexData',         //请求后台的URL（*）
            dataField: 'data',
            method: 'get',                      //请求方式（*）
            striped: true,                      //是否显示行间隔色
            cache: true,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
            pagination: true,                   //是否显示分页（*）
            queryParams: queryParams,//传递参数（*）
            showToggle: true,
            showRefresh: true,
            sidePagination: 'server',           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber: 1,                       //初始化加载第一页，默认第一页
            pageSize: 25,                       //每页的记录行数（*）默认的每页数据数
            pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
            showColumns: true,                  //是否显示所有的列
            showPaginationSwitch: true,
            minimumCountColumns: 2,             //最少允许的列数
            toolbar: '#toolbar',
            columns: [{
                field: 'u_id',
                title: '会长',
                sortable: true
            },  {
                field: 'name',
                title: '工会名称'
            },{
                field: 'real_name',
                title: '真实姓名'
            }, {
                field: 'card_id',
                title: '身份证号'
            }, {
                field: 'phone',
                title: '绑定的手机号'
            }, {
                field: 'type',
                title: '单位性质',
                formatter: function (value, row, index) {
                    var arr = []; arr[1] = '个人'; arr[2] = '企业';
                    return arr[row.state] ? arr[row.state] : '未知';
                }
            },{
                field: 'state',
                title: '单位性质',
                formatter: function (value, row, index) {
                    var arr = []; arr[1] = '已通过'; arr[2] = '审核中'; arr[3] = '未批准';
                    return arr[row.type] ? arr[row.type] : '未知';
                }
            }, {
                field: 'create_time',
                title: '工会创建时间'
            },{
                field: 'Button',
                title: '操作',
                events: operateEvents,
                formatter: operateFormatter
            }]
            //保存的使用
        });
    }

    //得到查询的参数
    function queryParams(params) {
        params.pageNum = params.offset / params.limit + 1;
        params.key = $('#key').val();
        params.keyWords = $('#keyWords').val();
        return params;
    }

    // 搜索按钮触发事件
    $(function () {
        $("#eventQuery").click(function () {
            $('#tb_departments').bootstrapTable(('refresh'));	// 很重要的一步，刷新url！
        });
    });
    //时间搜索插件
    layui.use('laydate', function () {
        var laydate = layui.laydate;
        lay('.date-search').each(function () {
            laydate.render({
                elem: this,
                type: 'datetime',
                trigger: 'click',
                format: 'yyyy-MM-dd HH:mm:ss'
            });
        });
    });
    //操作
    function operateFormatter(value, row, index){

        if(row.state === 2)
        {
            return [
                '<button type="button"  class="agree btn btn-warning  btn-sm" style="margin-right:15px;">同意</button>',
                '<button type="button"  class="refuse btn btn-warning  btn-sm" style="margin-right:15px;">拒绝</button>',
                '<button type="button"  class="check-info btn btn-primary  btn-sm" style="margin-right:15px;">查看资料</button>',
            ].join('');

        }else{
            return [
                '<button type="button"  class="check-info btn btn-primary  btn-sm" style="margin-right:15px;">查看资料</button>',
                '<button type="button"  class="union-detail btn btn-warning  btn-sm" style="margin-right:15px;">工会收益二维码</button>'
            ].join('');

        }




    }
    window.operateEvents = {
        'click .agree':function(e,value,row,index){
            $.ajax({
                type: "get",
                url: "/UnionAgree",
                data:{
                    union_id : row.id
                } ,
                dataType: 'JSON',
                success: function (re) {
                    if (re.code === 100) {
                        layer.msg(re.msg,{
                            icon:1,
                            time:1000
                        });
                        $('#tb_departments').bootstrapTable(('refresh'));	// 很重要的一步，刷新url！
                    } else {
                        layer.msg(re.msg,{
                            icon:2,
                            time:1000
                        });
                    }
                },
                error: function () {
                    alert('服务器出小差了');
                }
            });
        },
        'click .refuse':function(e,value,row,index){
            $.ajax({
                type: "get",
                url: "/UnionRefuse",
                data:{
                    union_id : row.id
                } ,
                dataType: 'JSON',
                success: function (re) {
                    if (re.code === 100) {
                        layer.msg(re.msg,{
                            icon:1,
                            time:1000
                        });
                        $('#tb_departments').bootstrapTable(('refresh'));	// 很重要的一步，刷新url！
                    } else {
                        layer.msg(re.msg,{
                            icon:2,
                            time:1000
                        });
                    }
                },
                error: function () {
                    alert('服务器出小差了');
                }
            });
        },
        'click .union-detail':function(e,value,row,index) {
            layer.open({
                type: 2,
                title: ['工会收益二维码(点击图片下载)', 'font-size:18px;font-family:楷体;font-weight:700;'],
                shadeClose: true,
                shade: false,
                maxmin: true, //开启最大化最小化按钮
                area: ['450px', '300px'],
                content: "/UnionProfitDetail?union_id=" + row.id,
                offset: 'auto',
                scrollbar: false
            });
        },
        'click .check-info':function(e,value,row,index) {
            layer.open({
                type: 2,
                title: ['检测信息', 'font-size:18px;font-family:楷体;font-weight:700;'],
                shadeClose: true,
                shade: false,
                maxmin: true, //开启最大化最小化按钮
                area: ['100%', '100%'],
                content: "/UnionCheckInfo?union_id=" + row.id,
                offset: 'auto',
                scrollbar: false
            });
        }
    };

</script>
</body>
</html>